
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><php>echo C("WEB_NAME").'.'.C("WEB_VERSION");</php></title>
    <meta name="author" content="44571522@qq.com" />

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Le styles -->
    <link href="__PUBLIC__/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="__PUBLIC__/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="__PUBLIC__/uniform/uniform.default.css" type="text/css" rel="stylesheet" />
    <link href="__PUBLIC__/validate/validate.css" type="text/css" rel="stylesheet" />
    <link href="__PUBLIC__/icomoon/style.css" type="text/css" rel="stylesheet" />
    <!-- Main stylesheets -->
    <link href="__PUBLIC__/css/main.css" rel="stylesheet" type="text/css" /> 
    
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />

    </head>
      
    <body class="loginPage">

    <div class="container-fluid">

        <div id="header">

            <div class="row-fluid">

                <div class="navbar">
                    <div class="navbar-inner1">
                      <div class="container">
                            <a class="brand" href="#"><php>echo C("WEB_NAME");</php><span class="slogan"><php>echo C("WEB_VERSION");</php></span></a>
                      </div>
                    </div><!-- /navbar-inner -->
                  </div><!-- /navbar -->
                

            </div><!-- End .row-fluid -->

        </div><!-- End #header -->

    </div><!-- End .container-fluid -->    

    <div class="container-fluid">

        <div class="loginContainer">
            <form class="form-horizontal" action="__URL__/checklogin" id="loginForm" method="post">
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="username">
                                	用户名:
                                <span class="icon14 cc-icon-user right gray marginR10"></span>
                            </label>
                            <input class="span12" id="username" type="text" name="username" autocomplete="off" value="" />
                        </div>
                    </div>
                </div>

                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="password">
                                	密码:
                                <span class="icon14 cc-icon-locked-6 right gray marginR10"></span>
                            </label>
                            <input class="span12" id="password" type="password" name="password" autocomplete="off" value="" />
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">                       
                    <div class="span12">
                        <div class="row-fluid">
                            <div class="form-actions">
                            <div class="ontrols">
                                <button type="submit" class="btn btn-info right" id="loginBtn"><span class="icon16 cc-icon-login white"></span> 登录</button>
                                <label for="keepLoged"><input id="keepLoged" name="logged" type="checkbox"> 自动登录</label>
                            </div>
                            </div>
                        </div>
                    </div> 
                </div>

            </form>
        </div>

    </div><!-- End .container-fluid -->

    <!-- Le javascript
    ================================================== -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/bootstrap/js/bootstrap.js"></script>  

    <script type="text/javascript" src="__PUBLIC__/validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/uniform/jquery.uniform.min.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
            $("input, textarea, select").not('.nostyle').uniform();
            $("#loginForm").validate({
                rules: {
                    username: {
                        required: true,
                        minlength: 3
                    },
                    password: {
                        required: true,
                        minlength: 6
                    }  
                },
                messages: {
                    username: {
                        required: "用户名不能为空!",
                        minlength: "用户名太短"
                    },
                    password: {
                        required: "请输入密码!",
                        minlength: "密码长度必须超过6个字符!"
                    }
                }   
            });
        });
    </script>
 
    </body>
</html>
